<template>
    <div class="detail">
      <div class="header">
        <union-head :leftIcon="leftIcon" :content="title" @leftClick="goBack"></union-head>
      </div>
      <div class="content">
        <img src="https://pic.ibaotu.com/00/89/40/58K888piCZP2.jpg-1.jpg!ww700">
      </div>
    </div>
</template>

<script type="text/ecmascript-6">
  import UnionHead from '../components/union-head.vue'
  export default {
    name: 'detail',
    components: {
      UnionHead
    },
    data () {
      return {
        title: '内容',
        leftIcon: 'icon-ali-back'
      }
    },
    mounted () {
    },
    methods: {
      goBack () {
        this.$router.go(-1)
      }
    }
  }
</script>

<style lang="stylus" type="text/stylus" scoped>
  .detail
    .header
      position fixed
      height 50px
      left 0
      right 0
      top 0
      background-color white
    .content
      margin-left 20px
      margin-right 20px
      margin-top 50px
      img
        width 100%
        height 800px
</style>
